<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>sentox-MenuButton</title>
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/easyui.css" />
		<link type="text/css" rel="stylesheet" href="../css/themes/sentox/font-awesome.min.css">

		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	</head>

	<body style="margin:10px;">
		<h2>Basic MenuButton</h2>
		<p>Move mouse over the button to drop down menu.</p>
		<div style="margin:20px 0;"></div>
		<div class="easyui-panel" style="padding:5px;">
			<a href="#" class="easyui-linkbutton" data-options="plain:true">Home</a>
			<a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'fa fa-edit fa-yxa6'">Edit</a>
			<a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'fa fa-question-circle-o fa-yxa6'">Help</a>
			<a href="#" class="easyui-menubutton" data-options="menu:'#mm3'">About</a>
		</div>
		<div id="mm1" style="width:150px;">
			<div data-options="iconCls:'fa fa-reply'">Undo</div>
			<div data-options="iconCls:'fa fa-share'">Redo</div>
			<div class="menu-sep"></div>
			<div>Cut</div>
			<div>Copy</div>
			<div>Paste</div>
			<div class="menu-sep"></div>
			<div>
				<span>Toolbar</span>
				<div>
					<div>Address</div>
					<div>Link</div>
					<div>Navigation Toolbar</div>
					<div>Bookmark Toolbar</div>
					<div class="menu-sep"></div>
					<div>New Toolbar...</div>
				</div>
			</div>
			<div data-options="iconCls:'fa fa-times'">Delete</div>
			<div>Select All</div>
		</div>
		<div id="mm2" style="width:100px;">
			<div>Help</div>
			<div>Update</div>
			<div>About</div>
		</div>
		<div id="mm3" class="menu-content" style="background:#f0f0f0;padding:10px;text-align:left">
			<img src="http://www.jeasyui.com/images/logo1.png" style="width:150px;height:50px">
			<p style="font-size:14px;color:#444;">Try jQuery EasyUI to build your modern, interactive, javascript applications.</p>
		</div>
	</body>

</html>